 <?php
                            include_once("classeBDD/connectBdd.php");
                            $sql = sql::connect();
                            $requery = $sql->query('SELECT * FROM categorie');
                             $nombre=$sql->num_rows($requery);
                            
                       
                            ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" rel="stylesheet" href="css/css.css"/>
<link type="text/css" rel="stylesheet" href="css/cssonglet.css"/>
<title>Document sans titre</title>  
<script language="javascript" type="text/javascript" >
 function loadit( element)
{    
	var container = document.getElementById('container');
	container.src=element.rel;
        
	var tabs=document.getElementById('tabs').getElementsByTagName("a");
	for (var i=0; i < tabs.length; i++)
	{
		if(tabs[i].rel == element.rel) 
			tabs[i].className="selected";
		else
			tabs[i].className="";
	}
}

function startit()
{       
	var tabs=document.getElementById('tabs').getElementsByTagName("a");
	var container = document.getElementById('container');
	container.src = tabs[0].rel;
}

window.onload=startit;

</script>  
</head>

<body>
    <div id="tabs">
        <ul>
            <li><a href="#" rel="formCRUD/listertout.php" onClick="startit()">Toutes :<?php echo $nombre;?></a></li> 
            <li><a href="#" rel="formCRUD/listerProff.php" onClick="loadit(this)">Professionnel </a></li> 
            <li><a href="#" rel="formCRUD/listerparti.php" onClick="loadit(this)">Libellé 3 </a></li> 
        </ul>
    </div>
    <iframe id="container"></iframe>
</body>
</html>